<template>
  <div>
    <div>vue中使用 iconfont 阿里巴巴在线生成的字体图标 -- font class</div>
    <p>用 color 指定颜色</p>
    <hr>
    <i class="iconfont icon-iconfont5" style="color:blue"></i>
    <i class="iconfont icon-iconfontxingxing"></i>
    <i class="iconfont icon-iconfontmingpian"></i>
    <i class="iconfont icon-iconfontriyongbaihuo"></i>
    <i class="iconfont icon-iconfontshipin"></i>
    <i class="iconfont icon-iconfontwujingongju"></i>
    <i class="iconfont icon-iconfontyundonghuwai"></i>
    <i class="iconfont icon-iconfontgongyichongwu"></i>
    <i class="iconfont icon-iconfontyundonghuwai"></i>
    <i class="iconfont icon-iconfontphone"></i>
    <i class="iconfont icon-iconfont-shanzi"></i>
  </div>
</template>

<script>
</script>

<style scoped>
  @import "../assets/css/iconfont.css";
  i{
    margin: 5px;
    font-size: 50px;
    color: red;
  }
</style>
 